<#macro hot_item row escape=true>
<li class="content">
    <#if row["thumbnail_pic_s"]?? && row["thumbnail_pic_s"]?length gt 0>
        <div class="content-box">
            <div class="posts-item-img">
                <a href="${row["url"]}" title="">
                    <div class="overlay"></div>
                    <img class="lazy thumbnail" src="${row["thumbnail_pic_s"]}" style="display: inline-block;">
                </a>
            </div>
            <div class="posts-item posts-item-gallery">
                <h2><a href="${row["url"]}"><#if escape>${row["title"]?html}<#else>${row["title"]}</#if></a></h2>
                <div class="item-text">${row["title"]}</div>
                <div class="item-info">
                    <ul>
                        <li class="icon-user">${" "+row["author_name"]}</li>
                        <li class="icon-book-open">${" "+row["category"]}</li>
                        <li class="ico-time"><i class="icon-clock"></i>${row["date"]}</li>
                    </ul>
                </div>
            </div>

        </div>
    <#else>
        <div class="content-box posts-aside">
            <div class="posts-item">
                <div class="item-title">
                    <h2><a href="${row["url"]}"><#if escape>${row["title"]?html}<#else>${row["title"]}</#if></a></h2>
                </div>
                <div class="item-text">${row["title"]}</div>
                <div class="item-info">
                    <ul>
                        <li class="icon-user">${" "+ row["author_name"]}</li>
                        <li class="icon-book-open">${row["category"]}</li>
                        <li class="ico-time"><i class="icon-clock"></i>${row["date"]}</li>
                    </ul>
                </div>
            </div>
        </div>
    </#if>
</li>
</#macro>